{%lcmx_products_show set="列表名:show,编号:GET[id],点击量:1"%}
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<link href="{%$URL%}style/webstyle.css" rel="stylesheet" type="text/css" />
<title>{%$web_name%}</title>
<link href="{%$URL%}mx.ico" rel="shortcut icon"/>
<!--[if IE 6]>
<script type="text/javascript" src="png.js"></script>
<script>
PNG.fix('*');
</script><![endif]-->
</head>

<style>
.duotucontainer {
  width: 600px;
  margin: 0 auto;
}
.slidesjs-pagination {
  width: 100px;
  margin: 0 auto;
  list-style: none;
}
.slidesjs-pagination li {
  float: left;
  margin: 0 1px;
}
.slidesjs-pagination li a {
  display: block;
  width: 20px;
  height: 30px;
  text-align: center;
  float: left;
  overflow: hidden;
}
.main_r li{
  width: 20px;
}
/*多图展示2*/
.MagicZoomBigImageCont {
  border: 1px solid #91b817;
}
.MagicZoomMain {
  text-align: center !important;
  width: 92px;
}
.MagicZoomMain div {
  padding: 0px !important;
}
/* Header look and feel CSS class */
/* header is shown if "title" attribute is present in the <A> tag */
.MagicZoomHeader {
  font: 10px Tahoma, Verdana, Arial, sans-serif;
  color: #fff;
  background: #91b817;
  text-align: center !important;
}
/* CSS class for small looking glass square under mouse */
.MagicZoomPup {
  border: 1px solid #aaa;
  background: #ffffff;
}
/* CSS style for loading animation box */
.MagicZoomLoading {
  text-align: center;
  background: #ffffff;
  color: #444;
  border: 1px solid #ccc;
  opacity: 0.8;
  padding: 3px 3px 3px 3px !important;
  display: none; /* do not edit this line please */
}
/* CSS style for gif image in the loading animation box */
.MagicZoomLoading img {
  padding-top: 3px !important;
}
a{
  color: #565656;
}
a:hover {
/*  font-weight: bold;*/
  color: red;
}
</style>
<script type="text/javascript" src="{%$URL%}jquery.min.js"></script>
<script type="text/javascript">
$(function(){
  $("#shang").mousemove(function(){
    $("#shang").css("color","red");
  });
  $("#shang").mouseout(function(){
    $("#shang").css("color","#333");
  });
  $("#xia").mousemove(function(){
    $("#xia").css("color","red");
  });
  $("#xia").mouseout(function(){
    $("#xia").css("color","#333");
  });
});
</script>
<body>

<!--头部 开始-->
{%include file='head.htm'%}
<!--头部 结束--> 
<!--内容 开始-->

<div class="nr" style="padding:0 0 40px 0;">
  <div class="main_title"> <span class="main_t">精彩案例</span><br>
    Wonderful Case </div>
  <div style="padding:40px 0 0 0;">
    <div class="main_l">
      <div class="main_l_title"><span style="font-size:22px;">精彩案例</span><br>
        Wonderful case</div>
      <div class="main_l_list">
        <ul>
          {%lcmx_products_type set="列表名:productstype,所属栏目:GET[lanmu],所属类别:0"%}
          {%foreach from=$productstype item=list%}
          <li><a href="index.php?p=products_list&c_id={%$list.c_id%}">{%$list.c_title%}</a></li>
          {%/foreach%}
        </ul>
      </div>
      <div class="main_l_k"> <span><img src="{%$URL%}images/main_8.jpg"></span>
        <div style="padding:15px 0 0 0;">
          {%lcmx_danye_show  set="列表名:jianjie,编号:8"%}
          {%$jianjie.con%}
        </div>
      </div>
    </div>

    <div class="main_r">
    <div class="main_title"> <span class="main_t">{%$show.lc_title%}</span><br>
    价格：{%$show.lc_price%}元 &nbsp; &nbsp; <a href="index.php?a=add_shopping&id={%$show.lc_id%}">加入购物车</a> 点击量：{%$show.dianjiliang%}</div>
      <!-- {%lcmx_products_list set="列表名:products,显示数目:9,标题长度:20,类别:GET[c_id],栏目:GET[lanmu],分页显示:1"%}
      {%if $products %} -->
      <div id="pic" align="center" style="margin-top:10px;">{%if $show.pic %}<a target="_blank" href="{%$show.pic%}"><img src="{%$show.pic%}" width="300"></a>{%else%}暂无图片！{%/if%}</div>
      <div style="margin-top:5px;margin-bottom:5px;">{%$show.lc_content%}</div>
      <strong>多图展示</strong> 

      <script src="{%$URL%}jquery.slides.min.js"></script> 
      <script type="text/javascript">
      $(function(){
        $("#duotushow").slidesjs({
          width: 600,
              height: 300,
          start: 1,
              navigation: false,
              play: {
                auto: true
              }
            });
        })
      </script>


      <div class="duotucontainer">
        <div id="duotushow" style="display:none;">
        {%lcmx_products_pic_list set="列表名:pics,标题长度:30,显示数目:9,产品编号:{%$show.lc_id%}"%}
        {%if $pics %}{%foreach from=$pics item=list%}
        <img src="{%$list.pic%}" id="{%$list.id%}" title="{%$list.title%}" width="210">
        {%/foreach%}
        {%else%}暂无图片！{%/if%}
        </div>
        </div>
        <div><strong>多图展示2</strong></div>
        <script src="{%$URL%}MagicZoom.js"></script>
        <div class="duotucontainer" style=" margin-bottom:20px;">
        {%if $pics %}
        {%foreach from=$pics item=list%}
        <a href="{%$list.pic%}" class="MagicZoom" align="center" style=" margin-top:10px;"><img src="{%$list.pic%}" width="210"/></a>
        {%/foreach%}
        {%else%}暂无图片！{%/if%}
        </div>
        上一条： {%if $show.p_id%} <a id="shang" style="color:#333;" href="index.php?p=products_show&id={%$show.p_id%}">{%$show.p_title%}</a> {%else%} 暂无 {%/if%} <br>
        下一条： {%if $show.n_id%} <a id="xia" style="color:#333;" href="index.php?p=products_show&id={%$show.n_id%}">{%$show.n_title%}</a> {%else%} 暂无 {%/if%}
    <div class="clear"></div>
    <!-- {%else%} 暂无该类图文！ {%/if%} --></div>
    <div class="cl"></div>
  </div>
</div>

<!--内容 结束--> 
<!--底部 开始-->
  {%include file='bot.htm'%}
<!--底部 结束-->
</body>
</html>